
@charset "utf-8";
/*reset*/
body,html{background: url(images/body.jpg) repeat top left; text-align: justify; font: 12px Georgia, "Times New Roman", Times, serif; margin:0px auto auto auto;}

a, a:visited {text-decoration:none;}
/*img, input, textarea, object {border:none;}*/
input {font:normal 12px;}
img {width:auto;height:auto;}
ul, ol, li {list-style:none;}
p {margin:0;font:normal 12px;line-height:16px; padding:15px;}

h3 {margin:0;padding:0;}
h4 {margin:0;font-size:20px;}
h5 {margin:0;font:16px Trajan Pro;}
.clear {clear:both;}

/*body
{
background: no-repeat center top #310b28;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0 auto;
color: #0e4354;
}*/

a{color:#9abd49;}
h1 {font-size: 1.4 em;}
h2{font-size:22px; color:#9abd49; font-weight:normal; padding:0px 0 15px 0; margin:0px;clear:both; border-bottom: 1px dotted #9abd49;}
h3{font-size:18px; color:#256c89; font-weight:normal; padding:15px 0 5px 20px; margin:0px; float:left;}
a.forgot_pass{float:right; color:#256c89; text-decoration:none; background:url(images/help.png) no-repeat left; padding:0 0 0 18px; display:block; margin:15px 20px 0 0; }

#page{margin:0 auto; width:auto;}

#header{width:780px; height:110px; margin:0px auto;}
#header_login{width:600px; margin:auto;}
#header .logo{float:left; }
#header .logo h1 {padding: 5px 0px 0px 0px;	text-transform: lowercase;	font-size: 35px;}

/*menu*/
#header .menu {font-size:29px; padding:15px 10px 0 10px; float:left; width:880px; color: #fff;}

/* remove all the bullets, borders and padding from the default list styling */
#header .menu ul {padding:0; margin:0; list-style-type:none; height:34px;}

/* style the sub-level lists */
#header .menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#header .menu ul li {float:left; height:34px; line-height:34px;}

/* style the sub level list items */
#header .menu ul ul li {display:block; width: auto; height:auto; position:relative; line-height:1em;}

/* style the links for the top level */
#header .menu a, #header .menu a:visited {display:block; float:left; height:100%; font-size:11px; text-decoration:none; color:#fff; padding:0 21px 0 17px;}
#header .menu a.current{background:url(images/menu3_bg.gif) repeat-x center;}

/* style the sub level links */
#header .menu ul ul a, #header .menu ul ul a:visited {display:block; background:#9abd49; border-bottom:2px #fff ridge; color:#fff;width:12em; height:100%;line-height:1em; padding:1em 1em;}
#header .menu ul table ul a, #header .menu ul table ul a:visited  {width:14em;}

/* style the table so that it takes no part in the layout - required for IE to work */
#header .menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}


#header .menu li:hover {position:relative;}


/* style the third level background */
#header .menu ul ul ul a, #header .menu ul ul ul a:visited {background:#9abd49;}

/* style the fourth level background */
#header .menu ul ul ul ul a, #header .menu ul ul ul ul a:visited {background:#9abd49;}

/* style the sub level 1 background */
#header .menu ul :hover a.sub1 {background:url(images/arrow.gif) no-repeat right #9abd49;}

/* style the sub level 2 background */
#header .menu ul ul :hover a.sub2 {background:url(images/arrow.gif) no-repeat right #9abd49;}

/* style the level hovers */
/* first */
#header .menu a:hover {color:#fff;background:url(images/menu3_bg.gif) repeat-x center;}
#header .menu :hover > a {color:#fff;background:url(images/menu3_bg.gif) repeat-x center;}

/* second */
#header .menu ul ul a:hover{color:#fff;background:url(images/menu3_bg.gif) repeat-x center;}
#header .menu ul ul :hover > a {color:#fff;background:url(images/menu3_bg.gif) repeat-x center;}

/* third */
#header .menu ul ul ul a:hover {background:url(images/menu3_bg.gif) repeat-x center;}
#header .menu ul ul ul :hover > a {background:url(images/menu3_bg.gif) repeat-x center;}

/* fourth */
#header .menu ul ul ul ul a:hover {background:url(images/menu3_bg.gif) repeat-x center;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#header .menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em; z-index:999;}

/* position the third level flyout menu */
#header .menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
#header .menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
#header .menu ul li:hover ul, #header .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}

/* keep the third level hidden when you hover on first level list OR link */
#header .menu ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */
#header .menu ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
#header .menu ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */
#header .menu ul :hover ul :hover ul :hover ul {visibility:visible;}


#clock_a{float:right; padding:15px 0 0 0;}
.jclock{color:#9abd49; float:right; font-size:22px; font-weight:bold; padding:34px 25px 0 0;}

.right_header{width:330px;float:right;text-align:right;color:#9abd49;padding:40px 0 0 0;}
.right_header a{margin:0 5px 0 5px;text-decoration:underline;color:#9abd49;}
.right_header a.messages{background:url(images/comment.png) no-repeat right;padding-right:20px;}
.right_header a.logout{background:url(images/user_logout.png) no-repeat right;padding-right:20px;}

#content{margin:0 auto; width:780px; height:auto; padding:0px 0 10px 0; background:url(images/top.jpg) no-repeat center top #fff;}
#content .right_content{width:700px; float:left; padding:30px 0 0 45px;}

table {font-family: Tahoma; font-size: 8pt;  margin: 10px 0px;}
th, td{padding: 0.5em; vertical-align: top; }
input,textarea,select{font-family: Tahoma; font-size: 8pt;}

#rounded-corner{margin:0px; width:700px; text-align: left; border-collapse: collapse;}
#rounded-corner thead th.rounded-company{width:26px; background: #9abd49;}
#rounded-corner thead th.rounded-q4{background: #9abd49;}
#rounded-corner th{padding: 8px; font-weight: normal; font-size: 13px; color: #fff; background: #9abd49;}
#rounded-corner td{padding: 8px; background: #f5ecd2; border-top: 1px solid #fff; color: #669;}
#rounded-corner tfoot td.rounded-foot-left{background: #F7E5B1;}
#rounded-corner tfoot td.rounded-foot-right{background: #F7E5B1;}
#rounded-corner tbody tr:hover td{background: #F7E5B1;}

#content .sidebarmenu{margin:0px 0; padding:0; width:195px;}
#content .sidebarmenu a.menuitem{background:url(images/sidebar_menu_top.jpg) no-repeat center top; color: #fff; display: block; position: relative; width:185px; height:31px; margin:0 0 5px 0; line-height:31px; padding:0px 0 0 10px; text-decoration: none;}
#content .sidebarmenu a.menuitem:hover{background:url(images/sidebar_menu_top_a.jpg) no-repeat center top;}
#content .sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{color: white;}
#content .sidebarmenu a.menuitem .statusicon{position: absolute; top:11px; right:7px; border: none;}

#content .sidebarmenu div.submenu{background: white;}
#content .sidebarmenu div.submenu ul{list-style-type: none; margin: 0; padding: 0 0 5px 0;}
#content .sidebarmenu div.submenu ul li{border-bottom: 1px dotted #bfd1d9;}
#content .sidebarmenu div.submenu ul li a{display: block; color: black; text-decoration: none; padding:5px 0; padding-left: 10px;}
#content .sidebarmenu div.submenu ul li a:hover{background: #F7E5B1; color: #0e4354;}

/* Search */

#content  .search {padding:5px 0px 5px 0px;float:right;}
#content  .search  form{background: url(images/search.png) no-repeat scroll left transparent; height:25px; width:183px;}

#content  .search fieldset {	margin: 0px; padding: 0px 0px 0px 5px;	border: none;}
#content  .search .text {background: none repeat scroll 0 0 transparent; color: #9C9B9B; height:15px; width:150px; padding: 5px 0px 5px 5px; border:medium none}
#content  .search .submit {background: url(images/lup.png) no-repeat scroll transparent; cursor: pointer; height:15px; width:19px; padding:0px 0px 0px 0px; border:medium none}

#form1{margin:1em 0;}
#form1 fieldset{margin:0; padding-top:.5em; border:outset;	border-top:3px solid #2a1a1a;}		
#form1 legend{padding:0 5px; font-style:italic;}	
#form1 p{clear:both;	margin:.5em 0; overflow:hidden;}	
#form1 label{float:left; width:145px; display:block; text-align:left; margin-right:20px;}	
#form1 input, #form1 textarea{margin:0; width:250px; border:1px solid #ddd; padding:3px 5px 3px 25px;}		
	

#content .question {position: absolute; display: inline; text-align: center; width: 174px; height: 78px; font-size: 13px; line-height: 1.5em; background: url(images/bubble.png) left top no-repeat; padding: 10px 0 0 0; text-shadow: 0px 1px 0px #fff; margin-left: -7em; margin-top: -6em; opacity: 0; }

#content .yes{margin-top: .5em; margin-right: .5em; cursor: pointer; display: inline-block; width: 63px; height: 21px; color: #434d17; text-shadow: 0px 1px 0px #fff; background: url(images/buttony.png) left top no-repeat;}
#content .cancel {margin-top: .5em; margin-right: .5em; cursor: pointer; display: inline-block; width: 63px; height: 21px; color: #fff; text-shadow: 0px 1px 0px #000; background: url(images/buttonn.png) left top no-repeat;}

.item{ width:170px;height:50px;-moz-border-radius: 4px;-webkit-border-radius: 4px; border:4px transparent solid;margin:5px 5px 5px 5px; cursor:pointer;color:#000000;}
.sidebar_box{width:195px;padding:15px 0 5px 0;}
/*.sidebar_box_top{width:195px;height:8px;background:url(images/sidebar_box_top.gif) no-repeat center bottom;}
.sidebar_box_bottom{width:195px;height:8px;background:url(images/sidebar_box_bottom.gif) no-repeat center bottom;}*/
.sidebar_box_content{width:175px;height:auto;background-color:#F7E5B1; padding:0 10px 0 10px;}

.sidebar_box_content h3{ color:#b40000; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}

.photo{width:144px; height:130px; margin:30px 0 0 25px; position:relative; float:none; clear:both;}
img.frame{position:absolute; top:0px; left:0px; z-index:555;}
img.picture{position:absolute; top:0px; left:0px; z-index:444;}

.sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}
img.sidebar_icon_right{float:right; padding:0 0 0 0;}
.sidebar_box_content ul{list-style:none; padding:10px 0 10px 0; margin:0px; clear:both;}
.sidebar_box_content ul li{padding:5px 0 5px 10px; background:url(images/list_bullet.gif) no-repeat left top; background-position:0px 10px;}

/*--------------*/
div.pagination {width:625px; clear:both; padding:10px 0 10px 0; margin:0px; text-align:center; float:left; clear:both; font-size:11px;}

div.pagination a {padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #52bfea; text-decoration: none; color: #52bfea;}
div.pagination a:hover, div.pagination a:active {border:1px solid #52bfea; color: #fff; background-color: #52bfea;}
div.pagination span.current {padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #52bfea; font-weight: bold; background-color: #52bfea; color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc;}


#footer{clear: both; width:780px; height:50px; background:url(images/down.jpg) no-repeat center top; margin: 0px auto 30px auto;}

#footer .left_footer{float:left; padding:25px 0 0 10px; color:#F9C552; font-size:11px;}
#footer .left_footer a{color:#9abd49; text-decoration:none;}
#footer .right_footer{float:right; padding:25px 10px 0 0;}
